<style type="text/css">
    img {
        border: 0;
    }

    ul {
        list-style: none outside none;
        margin: 0;
        padding: 0;
    }

    .body .mainmenu li:nth-child(8n+9) {
        background-color: #fff;
        border-right: 0;
        border-top: 1px solid #E5EAEE;
    }

    @media screen and (min-height: 480px) and (max-height: 599px) {
        .lunbotu {
            height: 165px;
        }
    }

    @media screen and (min-height: 600px) and (max-height: 670px) {
        .lunbotu {
            height: 193px;
        }
    }

    @media screen and (min-height: 671px) and (max-height: 740px) {
        .lunbotu {
            height: 213px;
        }
    }
</style>
<ion-header-bar align-title="center" class="bar bar-header bar-light"
                style='background: url(img/icon/headerline.png); background-size: contain; background-position: bottom; background-repeat: no-repeat;'>
    <h1 class="title"><strong>咸宁环保</strong></h1>
    <a href="#/myInfo" class="button button-clear" ng-click="" style="margin-right: 2%;">
        <img src="img/icon/person.png" alt="" style="width:20px;position:relative;top:2px;">
    </a>
</ion-header-bar>
<ion-content>
    <div id="content">
        <section>
            <ion-slide-box on-slide-changed="slideHasChanged($index)" auto-play="true" does-continue="true"
                           slide-interval=3000 show-pager="true" pager-click="pageClick(index)"
                           active-slide="model.activeIndex" delegate-handle="delegateHandler">
                <ion-slide>
                    <div class="box">
                        <img class="lunbotu" src="img/icon/lunbotu.png" style="width: 100%;">
                    </div>
                </ion-slide>
                <ion-slide>
                    <div class="box">
                        <img class="lunbotu" src="img/icon/lunbotu2.png" style="width: 100%;">
                    </div>
                </ion-slide>
                <ion-slide>
                    <div class="box">
                        <img class="lunbotu" src="img/icon/lunbotu3.png" style="width: 100%;">
                    </div>
                </ion-slide>
            </ion-slide-box>
        </section>

        <div class="body">
            <ul class="mainmenu">
                <li pos="p1" on-touch="onTouch($event)" on-release="onRelease()"
                    ng-style="{'background-color': pos=='p1' ? '#8BDF72' : '#fff','background-image': pos == 'p1' ? 'url(img/icon/doc_active.png)':'url(img/icon/doc.png)'}">
                    <a href="#/bus"><b></b><span on-touch="onTouch($event)" on-release="onRelease()"
                                                 ng-style="{'color': pos=='p1' ? '#fff' : 'black'}">公文</span></a></li>
                <li pos="p2" on-touch="onTouch($event)" on-release="onRelease()"
                    ng-style="{'background-color': pos=='p2' ? '#8BDF72' : '#fff','background-image': pos == 'p2' ? 'url(img/icon/meeting_active.png)':'url(img/icon/meeting.png)'}">
                    <a href="#/stop"><b></b><span on-touch="onTouch($event)" on-release="onRelease()"
                                                     ng-style="{'color': pos=='p2' ? '#fff' : 'black'}">会议</span></a>
                </li>
                <li pos="p3" on-touch="onTouch($event)" on-release="onRelease()"
                    ng-style="{'background-color': pos=='p3' ? '#8BDF72' : '#fff','background-image': pos == 'p3' ? 'url(img/icon/asset_active.png)':'url(img/icon/asset.png)'}">
                    <a href="#/ad_check"><b></b><span on-touch="onTouch($event)" on-release="onRelease()"
                                                    ng-style="{'color': pos=='p3' ? '#fff' : 'black'}">资产</span></a>
                </li>
                <li pos="p4" on-touch="onTouch($event)" on-release="onRelease()"
                    ng-style="{'background-color': pos=='p4' ? '#8BDF72' : '#fff','background-image': pos == 'p4' ? 'url(img/icon/leave_active.png)':'url(img/icon/leave.png)'}">
                    <a href="#/adCheck"><b></b><span on-touch="onTouch($event)" on-release="onRelease()"
                                                   ng-style="{'color': pos=='p4' ? '#fff' : 'black'}">请假</span></a></li>
                <li pos="p5" on-touch="onTouch($event)" on-release="onRelease()"
                    ng-style="{'background-color': pos=='p5' ? '#8BDF72' : '#fff','background-image': pos == 'p5' ? 'url(img/icon/cloud_active.png)':'url(img/icon/cloud.png)'}">
                    <a href="#/bus_check"><b></b><span on-touch="onTouch($event)" on-release="onRelease()"
                                                        ng-style="{'color': pos=='p5' ? '#fff' : 'black'}">文档</span></a>
                </li>
                <li pos="p6" on-touch="onTouch($event)" on-release="onRelease()"
                    ng-style="{'background-color': pos=='p6' ? '#8BDF72' : '#fff','background-image': pos == 'p6' ? 'url(img/icon/audit_active.png)':'url(img/icon/audit.png)'}">
                    <a href="#/approve"><b></b><span on-touch="onTouch($event)" on-release="onRelease()"
                                                     ng-style="{'color': pos=='p6' ? '#fff' : 'black'}">审批</span></a>
                </li>
                <!--<li pos="p7" on-touch="onTouch($event)" on-release="onRelease()"
                    ng-style="{'background-color': pos=='p7' ? '#8BDF72' : '#fff','background-image': pos == 'p7' ? 'url(img/icon/schedule_active.png)':'url(img/icon/schedule.png)'}">
                    <a href="#"><b></b><span on-touch="onTouch($event)" on-release="onRelease()"
                                             ng-style="{'color': pos=='p7' ? '#fff' : 'black'}">日程</span></a></li>-->
                <li pos="p8" on-touch="onTouch($event)" on-release="onRelease()"
                    ng-style="{'background-color': pos=='p8' ? '#8BDF72' : '#fff','background-image': pos == 'p8' ? 'url(img/icon/signin_active.png)':'url(img/icon/signin.png)'}">
                    <a href="#/signIn"><b></b><span on-touch="onTouch($event)" on-release="onRelease()"
                                                    ng-style="{'color': pos=='p8' ? '#fff' : 'black'}">签到</span></a>
                </li>
                <li pos="p9" on-touch="onTouch($event)" on-release="onRelease()"
                    ng-style="{'background-color': pos=='p9' ? '#8BDF72' : '#fff','background-image': pos == 'p9' ? 'url(img/icon/more_active.png)':'url(img/icon/more.png)'}">
                    <a href="#"><b></b><span on-touch="onTouch($event)" on-release="onRelease()"
                                             ng-style="{'color': pos=='p9' ? '#fff' : 'black'}">更多</span></a></li>
                <li pos="p7" >
                      <a href="#"><b></b></a>
                </li>
            </ul>
        </div>
    </div>
</ion-content>
